'use client';

import dynamic from 'next/dynamic';
import { FC, memo } from 'react';
import { SpotlightCard, SpotlightCardProps } from '@lobehub/ui';

import ResponsiveIndex from '@/components/ResponsiveIndex';

// import Footer from './features/Footer';
// import Showcase from './features/Showcase';

import AgentCard from '../features/AgentCard';
// import Layout from './layout.desktop';

const Mobile: FC = dynamic(() => import('../../chat/(mobile)'), { ssr: false }) as FC;

export default memo(() => (
  <ResponsiveIndex Mobile={Mobile}>
    <div style={{
      margin: 'auto',
      width: 1024
    }}>
      <AgentCard CardRender={SpotlightCard as FC<SpotlightCardProps>} />
      {/* <Showcase />
      <Footer /> */}
    </div>
    {/* <Layout>
      <Showcase />
      <Footer />
    </Layout> */}
  </ResponsiveIndex>
));
